<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>外币比率管理</title>
<base href="<%=basePath%>">
<script type="text/javascript" src="plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script>
			<script type="text/javascript" src="static/js/jquery-1.7.2.js" ></script>
			<script type="text/javascript" src="plugins/websocketInstantMsg/ext4/locale/ext-lang-zh_CN.js"></script>
			<link rel="stylesheet" href="plugins/websocketInstantMsg/ext4/resources/css/ext-all.css" />
<!-- <link rel="stylesheet" href="static/ace/css/ace.css" -->
<!-- 	class="ace-main-stylesheet" id="main-ace-style" /> -->
<!-- <script type="text/javascript" -->
<!-- 	src="../plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script> -->
<!-- <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script> -->
<!-- <script type="text/javascript" -->
<!-- 	src="../plugins/websocketInstantMsg/ext4/locale/ext-lang-zh_CN.js"></script> -->
<!-- <link rel="stylesheet" type="text/css" -->
<!-- 	href="../plugins/websocketInstantMsg/ext4/resources/css/ext-all.css" /> -->
</head>
<body>
	<div id="aa"></div>
</body>
<script type="text/javascript">
Ext.onReady(function () {
	Ext.QuickTips.init();
    var store = Ext.create('Ext.data.Store', {
        fields: [ "ID","CURRENCY", "RATE", "START_TIME","END_TIME","CHINESE_NAME","ENABLE"],
        pageSize: 20,  //页容量5条数据
        //是否在服务端排序 （true的话，在客户端就不能排序）
        remoteSort: false,
        remoteFilter: true,
        proxy: {
            type: 'ajax',
            url: '<%=basePath%>ratio/list',
            reader: {   //这里的reader为数据存储组织的地方，下面的配置是为json格式的数据，例如：[{"total":50,"rows":[{"a":"3","b":"4"}]}]
                type: 'json', //返回数据类型为json格式
                root: 'rows',  //数据
                totalProperty: 'total' //数据总条数
            }
        },
        sorters: [{
			property: 'ordeId',
			direction: 'desc'
		}],
        autoLoad: true  //即时加载数据
    });
//新建的列表
    var grid = Ext.create('Ext.grid.Panel', {
    renderTo: "aa",
    id:'grid',
    store: store,
    height: 600,
    width:"100%",
    
    selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"SIMPLE"}),
    //selModel: { selType: 'checkboxmodel' },   //选择框
    columns: [                    
                  { text: 'ID', dataIndex: 'ID',  maxWidth: 120 ,hidden:true},
                  { text: '币种', dataIndex: 'CURRENCY',  maxWidth: 120 },
                  { text: '比率', dataIndex: 'RATE', align: 'left', minWidth: 80 },
                  { text: '开始时间', dataIndex: 'START_TIME', maxWidth: 80, align: 'left' }, 
                  { text: '结束时间', dataIndex: 'END_TIME', maxWidth: 80, align: 'left' }, 
                  { text: '中文名', dataIndex: 'CHINESE_NAME', maxWidth: 80, align: 'left' }, 
                  { text: '是否可用', dataIndex: 'ENABLE', maxWidth: 80, align: 'left' }, 
                 
               ],
    bbar: [{
        xtype: 'pagingtoolbar',
        store: store,
        displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
        emptyMsg: "没有数据",
        beforePageText: "当前页",
        afterPageText: "共{0}页",
        displayInfo: true                 
    }],
  
     tbar:[
     {text:'新增',iconCls:'a_add',handler:showAlert},"-",
     {text:'编辑',iconCls:'a_edit2',handler:showAler},
     {text:'删除',iconCls:'a_edit2',handler:showAle}], 
     
});
 //新增   
function showAlert (){
win.show();
}
 //时间引入
function convertDate(val) {
	return Ext.util.Format.date(new Date(val), 'Y-m-d');
}
//修改
function showAler (){
	 var records = grid.getSelectionModel().getSelection();//获取选中一行的值
   	 if(records.length==0){
     			Ext.Msg.alert("提示","请选择需要编辑的记录");return;
     		}
     		if(records.length>1){
     			Ext.Msg.alert("提示","只能编辑一条记录");return;
     		}
     		
     		var ID = records[0].data.ID;
            Ext.getCmp("ID").setValue(ID);
     		
			var CURRENCY = records[0].data.CURRENCY;
     		Ext.getCmp("CURRENCY").setValue(CURRENCY);
     		
     		var RATE = records[0].data.RATE;
     		Ext.getCmp("RATE").setValue(RATE);
     		
     		var START_TIME = records[0].data.START_TIME;
     		Ext.getCmp("START_TIME").setValue(START_TIME);
     		
     		var END_TIME = records[0].data.END_TIME;
     		Ext.getCmp("END_TIME").setValue(END_TIME);
     		
     		var CHINESE_NAME = records[0].data.CHINESE_NAME;
     		Ext.getCmp("CHINESE_NAME").setValue(CHINESE_NAME);
     		
     		var ENABLE = records[0].data.ENABLE;
     		Ext.getCmp("ENABLE").setValue(ENABLE);
	       win.show();
	}
	//删除
	function  showAle(){
		var records = grid.getSelectionModel().getSelection();
 		if(records.length==0){
 				Ext.Msg.alert("提示","请选中需要删除的记录");return;
 			}
 			var arr = [];
 			Ext.each(records,function(item){
 				obj = {
 						id:item.data.ID
 						
 				};
 				arr.push(obj);
 				
 			});
 			var array = JSON.stringify(arr);
 			Ext.Ajax.request({
 						url:  '<%=basePath%>ratio/dele',
						params:{
							array:array		
						},
						timeout:5000,
						success:function(response){
							 Ext.MessageBox.alert("删除","删除成功");
								var store = Ext.getCmp('grid').getStore();
							 store.reload();
						},
						
					});
 	}


	
	//保存按钮
	var save = new Ext.Button({
     	text: '保存',
     	 handler: function(){
     		add.getForm().isValid();  
     		var ID = Ext.getCmp('ID').getValue();
     		var id=add.down('textfield[name=RATE]').value;
     		if(id==null){
     			alert("比率不能空")
     			return  
     		}
     		var a=add.down('textfield[name=ENABLE]').value;
     		if(a==null){
     			alert("请选中是否可用")
     			return  
     		}
     		var CURRENCY = Ext.getCmp('CURRENCY').getValue();
     		

			var RATE = Ext.getCmp('RATE').getValue();

			var START_TIME = Ext.getCmp('START_TIME').getValue();

     		var END_TIME = Ext.getCmp('END_TIME').getValue();

     		var CHINESE_NAME = Ext.getCmp('CHINESE_NAME').getValue();

     		var ENABLE = Ext.getCmp('ENABLE').getValue();

			var store = Ext.getCmp('grid').getStore();
	  		 Ext.Ajax.request({
     			 url: '<%=basePath%>ratio/save',
					params : {
						ID : ID,
						CURRENCY : CURRENCY,
						RATE : RATE,
						START_TIME : START_TIME,
						END_TIME : END_TIME,
						CHINESE_NAME : CHINESE_NAME,
						ENABLE : ENABLE,		
					},
					method : 'POST',
					success : function() {
						Ext.MessageBox.alert("保存成功", "保存成功");
                         
						win.close();
						store.load();
					},
				});

			}

		});
	//重置按钮
		var reset = new Ext.Button({
			text : '重置',
			listeners : {
				'click' : function() {
					Ext.getCmp('add').form.reset();
				
				}
			}
		}

		);
	//取消按钮
		var cancel = new Ext.Button({
			text : '取消',
			listeners : {
				'click' : function() {
					win.close();
				}
			}
		}

		);
	//币种的按钮
		var tradeTypeStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
				{"id":"RMB", "name":"RMB"},
				{"id":"USD", "name":"USD"}
			]
		});
		var enableStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
				{"id":"1", "name":"是"},
				{"id":"0", "name":"否"}
			]
		});
	//新增一个form表单
		var add = Ext.create("Ext.form.Panel", {
             id:'add',
			frame : true,
			width : 450,
			height : 400,

			defaults : {
				anchor : '100%',
				labelWidth : 50,
				labelAlign : "right"
			},
			items : [ {
				id : 'ID',
				hidden : true,
				hideLabel : true,
				xtype : 'textfield',
				fieldLabel : 'ID',
				name : 'ID'
			}, {
				
				id:'CURRENCY',				
				fieldLabel : '币种',
				name : 'CURRENCY',
				xtype : 'combobox',
				emptyText:'请选择',
				store : tradeTypeStore,
				valueField: 'id',
				displayField:'name',
				editable: false,

			}, {
				id : 'RATE',
				fieldLabel : '比率',
				name : 'RATE',
				xtype : 'textfield',
				emptyText:'请输入比率',
				regex:/^^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$$/,
				regexText : "请输入正确的比率",
			}, 
			{
				id : 'START_TIME',
				fieldLabel : '请选择开始时间',
				name : 'START_TIME',
				xtype : 'datefield',
				emptyText:'开始时间',
				editable:false
			},
			{
				id : 'END_TIME',
				fieldLabel : '结束时间',
				name : 'START_TIME',
				xtype : 'datefield',
				emptyText:'请选择结束时间',
				editable:false
			},
			{
				id : 'CHINESE_NAME',
				fieldLabel : '中文名',
				maxLength:5,
				name : 'CHINESE_NAME',
				xtype : 'textfield',
				emptyText:'请输入中文名',
				allowBlank : false,
				blankText:'不能为空',
				maxLengthText: '中文名不能超过5个字符',
				regex : /^[\u4e00-\u9fa5]+$/i,
				regexText : "请输入中文名"
			},
			{
				id : 'ENABLE',
				fieldLabel : '是否可用',
				name : 'ENABLE',
				xtype : 'combobox',
				emptyText:'请选择',
				store : enableStore,
				valueField: 'id',
				displayField:'name',
			},
			
			],
			
		});
        //新建一个窗口，把form表单放进去
		var win = Ext.create("Ext.window.Window", {
			title : '新增',
			width : 460,
			height : 300,  
			resizable : true,
			modal : true,
			closable : true,
			maximizable : true,
			minimizable : true,
			closeAction :'hide',
			buttons : [ save, reset, cancel ],
			
			items : [ add ],
		});
           
        //新建查询列表
// 		var c1 = Ext.create('Ext.container.Container', {
// 			layout : 'column',
// 			defaults : {
// 				labelAlign : 'left',
// 				labelWidth : 60
// 			},
// 			items : [
// 					{
// 						xtype : 'textfield',
// 						name : 'BOOKING_TYPE',
// 						id : 'a',
// 						columnWidth : 1 / 5,
// 						padding : '5px',
// 						fieldLabel : '类型'
// 					},
// 					{
// 						xtype : 'textfield',
// 						name : 'COMPANY_NAME',
// 						id : 'b',
// 						columnWidth : 1 / 5,
// 						padding : '5px',
// 						fieldLabel : '公司名称'
// 					},
// 					{
// 						xtype : 'textfield',
// 						name : 'SPELL_CODE',
// 						id : 'c',
// 						columnWidth : 1 / 5,
// 						padding : '5px',
// 						fieldLabel : '检索码'
// 					},
// 					{
// 						xtype : "button",
// 						padding : '5px',
// 						text : '查询',
// 						handler : function() {
// 							var BOOKING_TYPE = Ext.getCmp('a')
// 									.getValue();
// 							var COMPANY_NAME = Ext.getCmp('b')
// 									.getValue();
// 							var SPELL_CODE = Ext.getCmp('c')
// 									.getValue();
// // 							alert(BOOKING_TYPE + "," + SPELL_CODE + ","
// // 									+ COMPANY_NAME);
// 							var store = Ext.getCmp('grid').getStore();
						
// 							store.on('beforeload', function(store, options) {
// 								var new_params = {
// 									BOOKING_TYPE : BOOKING_TYPE,
// 									COMPANY_NAME : COMPANY_NAME,
// 									SPELL_CODE : SPELL_CODE
// 								};
// 								Ext.apply(store.proxy.extraParams, new_params);
// 							});
// 							store.load();
// 						}
// 					}, ]
// 		});
//            //把查询的列表放进form中
// 		var form = Ext.create('Ext.form.Panel', {
// 			renderTo : 'div1',
// 			frame : true,
// 			items : [ c1 ],
		//  buttons: [{
		//          text: '查询',
		//          handler: function() {
		//              var form=this.up('form');
		//              var id=form.down('textfield[name=id]').value;
		//              var uname=form.down('textfield[name=useName]').value;
		//              if(!id){
		//              alert('编号不能为空！');
		//              return;
		//              }
		//              if(!uname){
		//              alert('名称不能为空！');
		//              return;
		//              }
		//             Ext.MessageBox.alert('提示框','提交成功，正在保存数据，请稍后！');
		//          }
		//    }]
	//	});

	});



</script>
</html>